<template>
  <div class="gl_contentBox gl_heightFull">
    <el-tabs v-model="activeTab" class="gl_tabs" type="card">
      <el-tab-pane v-for="(item,index) in tabList" :key="index" :label="item.label" :name="item.name">
        <component :is="item.component" v-if="activeTab === item.name" :active-tab="activeTab" /></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import source from './source';
import labels from './label';
export default {

  data() {
    return {
      activeTab: 'source',
      tabList: [
        {
          label: '来源渠道',
          name: 'source',
          productStatus: 'source',
          component: source
        },
        {
          label: '标签管理',
          name: 'labels',
          productStatus: 'labels',
          component: labels
        }
      ]
    };
  }

};
</script>

<style lang="scss" scoped>
</style>
